


  .el-container{
    height: 100%;
    .el-header{
      background: #3080fe;
      padding: 10px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: rgb(255, 255, 255);
      font-size: 20px;
      font-weight: 600;
      .personal{
        display: inline-block;
        .head-pic{
          width: 100px;
          height: 100px;
          border-radius: 50%;
        }
        .el-dropdown-link{
          color: #fff;
        }
      }
    }

    .el-aside{
      background-color: #545c64;
      .el-menu{
        border-right:none;
      }
      .iconfont{
        font-size: 20px;
        margin-right: 10px;
      }
    }
    .el-main{
      position: relative;
    }
  }

  .child-view {
    position:absolute;
    width:98%;
    transition:all .4s cubic-bezier(.55,0,.1,1);
  }
  .slide-left-enter,.slide-right-leave-active {
    opacity:0;
    -webkit-transform:translate(40px,0);
    transform:translate(40px,0);
  }
  .slide-left-leave-active,.slide-right-enter {
    opacity:0;
    -webkit-transform:translate(-50px,0);
    transform:translate(-50px,0);
  }

